iT邦幫忙

2024 iThome 鐵人賽

DAY 13
0

前言

除了從瀏覽器開啟 Codespace,你可以從 Visual Studio 或 JetBrain IDE 連結至 Codespace 進行開發,讓使用者有多一種選擇,其優勢為不用切換畫面即可開始工作,但無法同時開啟多個 Codespace。本篇文章將簡單介紹如何從地端 Visual Studio Code 連線至 GitHub Codespace 並進行工作。

 
 
 

安裝 GitHub Codespace 延伸模組

在 Visual Studio Code 內點選延伸模組 > 輸入關鍵字 GitHub Codespace,點選安裝按鈕進行安裝
https://ithelp.ithome.com.tw/upload/images/20240927/20091494PhC5g28JiI.png

 

第一次使用時需要登入 GitHub,並授權 Visual Studio Code 連結 Codespace
https://ithelp.ithome.com.tw/upload/images/20240927/20091494I3Jyb3gZwz.png

 

登入後,使用者可以點選左邊遠端總管 > 點選右上角 + 按鈕 > 選擇儲存庫以啟動 codespace
https://ithelp.ithome.com.tw/upload/images/20240927/20091494TwL5EQb5DC.png

 

啟動後,雖然畫面仍是 Visual Studio Code,但你會發現已經連結至 GitHub Codespace 開發環境`.
https://ithelp.ithome.com.tw/upload/images/20240927/20091494bKPcP6OX0l.png

 

如果工作結束想要中斷與 Codesapce 連線,只須點選遠端總管 > 右上角 Disconnect 按鈕即可。
https://ithelp.ithome.com.tw/upload/images/20240927/20091494exuY0VAXbR.png

 

如果要連結已經啟動的 Codespace,可以點選左邊遠端總管後,選擇 Codespace 後 > 點選連結至 Codespace 按鈕;若要停止其 Codespace,則可以點選旁邊停止 Codespace 按鈕。
https://ithelp.ithome.com.tw/upload/images/20240927/20091494jl8c4J0b0k.png

 

如果你要變更 Codespace 機器類型,只需要在連接期間,在上方輸入框輸入 > Change machine,選擇需要機器規格即可切換。

https://ithelp.ithome.com.tw/upload/images/20240927/20091494iKDAUYADZ4.png

https://ithelp.ithome.com.tw/upload/images/20240927/20091494PlCSvelHOX.png

 

如果要刪除 Codespace,可以點選遠端總管,右鍵點選想要操作的 Codespace > Delete Codespace。理所當然,右鍵功能表也包含其他操作,如連結至 Codespace、從新的視窗開啟 Codespace、從瀏覽器開啟、停止 Codespace、輸出變更至分支…等
https://ithelp.ithome.com.tw/upload/images/20240927/20091494KKRtjpFDqO.png

 
 
 

後記

經過本篇文章簡單的介紹,你應該對於 Visual Studio Code 連接至 Codespace 相關操作有一定程度的認識。本篇文章也是 Codespace 最後一篇介紹,下一篇開始,我們將開始介紹 GitHub Copilot 這項強力的 AI Pair Programming 工具。


上一篇
預先建置您的 Codespace - Prebuild 介紹
系列文
現代化應用程式開發與維運 - GitHub Codespace 與 GitHub Copilot13
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言